<template>
    <div class="hole">
        <div class="header"><span @click="comeBack" class="goBack">
            <van-icon name="arrow-left"/></span>
<!--          商家注册-->
            {{ $t('h.A130') }}
        </div>
<!--        <div class="safe"/>-->
        <div class="center" v-if="status===1">
            <img class="image" src="../../assets/image/sp.png" alt="">
<!--          信息审核成功-->
            <p style="color:#79c642">{{$t('h.A127')}}</p>
        </div>
        <div class="center" v-else-if="status===0">
            <img class="image" src="../../assets/image/ident.png" alt="">
<!--          您的信息审核中-->
            <p>{{$t('h.A128')}}</p>
        </div>
        <div class="center" v-else>
            <img class="image" src="../../assets/image/fail.png" alt="">
<!--          您的信息审核失败-->
            <p style="color: red">{{$t('h.A129')}}</p>
        </div>
        <div class="bottom">
<!--          刷新-->
            <van-button color="#002FFF" @click="refers" block size="small">{{$t('h.A131')}}</van-button>
<!--          返回-->
            <van-button style="margin-top: 10px" @click="comeBack" block size="small">{{$t('h.A132')}}</van-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "success",
        data(){
            return{
                status:0,//0审核中、1审核成功、2审核失败
            }
        },
        methods:{
            comeBack(){
                this.$router.go(-1)
            },
            refers(){
                location.reload()
            }
        }
    }
</script>

<style scoped lang="scss">
    .hole{
        width: 100%;
        min-height: 100vh;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        .header {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            background: #fff;
            height: 45px;
            width: 100%;
            text-align: center;
            line-height: 45px;
            margin: 0 auto;
            color: #323233;
            font-weight: 500;
            font-size: 16px;

            .goBack {
                position: absolute;
                left: 10px;
            }
        }

        .safe {
            width: 100%;
            height: 45px;
        }

        .center{
            width: 100%;
            height: 400px;
            text-align: center;
            .image{
                height: 150px;
            }
            p{
                width: 100%;
                text-align: center;
                font-size: 18px;
                font-weight: 600;
                margin-top: 15px;
            }
        }
        .bottom{
            width: 100%;
            min-height: 100px;
            background: #fff;
            position: absolute;
            color: #002FFF;
            padding: 3%;
            box-sizing: border-box;
            bottom: 0;
        }
    }
</style>
